import React from 'react'
import { Input } from 'antd';
import { DatePicker } from 'antd';
import { Select, Space } from 'antd';
import { Button, Flex } from 'antd';
function Headers() {
  const onChange = (date, dateString) => {
  console.log(date, dateString);
};
const handleChange = value => {
  console.log(`selected ${value}`);
};
  return (
    <div>
      <Input placeholder="Basic usage" style={{width:"150px"}} />
      <DatePicker onChange={onChange} style={{marginLeft:"20px"}}/>
      <Select
      defaultValue="jack"
      style={{ width: 120,marginLeft:"20px" }}
      onChange={handleChange}
      options={[
        { value: 'jack', label: '必升' },
        { value: 'lucy', label: '升' },
      ]}
    />
    <Button type="primary" style={{ width: 120,marginLeft:"20px" }}>重置</Button>
    <Button style={{ width: 120,marginLeft:"20px" }}>提交</Button>
    </div>
  )
}

export default Headers
